import Vue from 'vue';
import hljs from 'highlight.js';
// import 'highlight.js/styles/solarized-light.css';
// import 'highlight.js/styles/zenburn.css';
// import 'highlight.js/styles/agate.css';
// import 'highlight.js/styles/androidstudio.css';
// import 'highlight.js/styles/darcula.css';
import 'highlight.js/styles/github.css';

Vue.directive('highlight', function (el) {
  let blocks = el.querySelectorAll('pre code');
  blocks.forEach((block) => {
    hljs.highlightBlock(block)
  })
});
